<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
  <style>
    /*div{
      width: 500px;
      height: 500px;
      background: url("./img/背景图（大）.png") no-repeat;
        !*background-size:背景图片宽度 背景图片高度;*!
        !*background-size: 500px 100px;*!
        !*    只写一个参数 肯定是宽度 高度省略了 会等比例缩放*!
        !*background-size: 500px;*!
        !*里面的单位可以跟% 相对于父盒子来说的*!
        !*background-size: 50%;*!
        !*cover要完全覆盖div盒子，可能有部分背景图片显示不全*!
        !*background-size: cover;*!
        !*contain 高度和宽度等比例拉伸，当宽度 或者 高度 铺满div盒子就不再进行拉伸了 可能有部分空白区域*!
        background-size: contain;

    }*/
    div{
        width: 50px;
        height: 50px;
        background: url("./img/主页-01-150.png");
        background-size: 50px 50px;
    }
  </style>
</head>
<body>
<div>

</div>
</body>
</html>